import React from "react";
import { Tabbar } from "react-vant";
import { FriendsO, HomeO, Search, SettingO } from "@react-vant/icons";
import { Outlet, NavLink } from "react-router-dom";
import RouterList from "../../routers";
import "./index.css";
const Index: React.FC = () => {
  return (
    <div>
      <Outlet />
      <div className="demo-tabbar">
        <Tabbar placeholder>
          {RouterList[3].children &&
            RouterList[3].children.map((item, ind) => (
              <Tabbar.Item icon={item.icon}>
                <NavLink to={item.path}>{item.meate}</NavLink>
              </Tabbar.Item>
            ))}
        </Tabbar>
      </div>
    </div>
  );
};
export default Index;
